* {
    border-style: none;
    font-size: 14px;
}
input {
    color: white;
}
ul {
    list-style: none;
}
p {
    margin: 0;
    word-break:break-all;
}

textarea{
    color: #ccc;
}
a, name{
    color: #19B1F5;   
    cursor: pointer; 
}
body{
    font-family:'Microsoft YaHei';
    background-color: #121212;
    color: #ccc;
}
header {
    overflow: hidden;
}
.portrait {
    width: 30px;
    height: 30px;
    margin-right: 10px;
}

/*登录页面*/
.login section, .signin section{
    width: 80%;
    margin: 10% auto;
    border: solid 2px slategrey;
    border-radius: 10px;
    padding: 10%;
    box-sizing: border-box;
    position: relative;
}
.login section input, .signin section input{
    width: 100%;
    height: 40px;
    border: solid 1px gray;
    border-radius: 3px;
    margin: 10px 0;
    padding: 0 10px;
    background-color: #1A1A1A;    
    box-sizing: border-box
}
.form {
    border: solid 1px gray;    
    border-radius: 5px;    
    background-color: #1A1A1A;
    padding: 5%;
}
.errorbox {
    position: absolute;
    top: 40px;
    padding: 10px;
    z-index: 100; 
    left: 30%; 
    color: #b94a48;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 5px; 
    width: 40%; 
    text-align: center;
}

.successbox{ 
    z-index: 100; 
    left: 50%; 
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6; 
    height: 50px; 
    line-height: 50px;  
    border-radius: 5px; 
    width: 200px; 
    position:absolute; 
    text-align: center;
}

/*注册页面*/

/*个人中心*/
#my {
    padding-top: 20px;
}
#my #preview{
    width: 100px;
    height: 100px
}
#my #preview img{
    width: 100px;
    height: 100px;
    object-fit: cover;
}
#my input{
    background-color: #333;
    color: wheat;
}
#my #upload{
    border: solid 1px #666;
    width: 100px;
    padding: 3px;
}
#my .btn.btn-default{
    border: solid 1px #666;
    background-color: #333;
    color: wheat;    
}

/*导航*/
.navigation .nav li{
   float: left;
}

/*logo*/
nav {
    width: 100%;
    height: 50px;
    /*opacity: 0.5;*/
}

nav a{
    float: right;
    /*width: 50px;*/
    margin: 0 15px;
    line-height: 50px;
}

.logo img{
    width: 100px;
}

/*主页*/
main {
    box-sizing: border-box
}
.home {
    border: 1px solid #333;
}
.home textarea {
    width: 80%;
    padding: 10px;
    background-color: #444;
    height: 64px;   
    box-sizing: border-box;
}
.home section:nth-child(1) {
    margin: 20px;
    margin-bottom: 20px;
}

.home>section>form>input[type=submit]{
    /*margin-top: 20px;*/
    width: 17%;
    border: solid 1px gray;
    border-radius: 3px;
    background-color: #666;    
    box-sizing: border-box;
    height: 64px;
    
}

.home section {
    overflow: hidden;
}


.home ul{
    padding: 20px;
    width: 70%;
    float: right;
    
    border-left: 5px solid wheat;
}

.home ul li i {
    width: 15px;
    height: 15px;
    background-color: wheat;
    display: block;
    position: relative;
    right: 31px;
    border-radius: 50%;
}

.home ul li time {
    position: relative;
    right: 120px;
    bottom: 18px;
}


.home ul li{
    border: 1px solid #333;
    margin: 20px 0;
    /*padding: 20px;*/
}

.home ul li .blog {
    cursor: pointer;
    color: #169ada
}

.home ul li name{
    font-size: 14px;
    color: #cfbaaa;
    position: relative;
    bottom: 30px;
    left: 10px;
}
.home ul li p{
    font-size: 14px;
    padding: 0 20px 20px 20px;

}

/*留言*/
.message section form textarea, .blog section form textarea {
    width: 80%;
    padding: 10px;
    background-color: #444;
    box-sizing: border-box;
    height: 60px;
}
.message section input[type=submit]{
    /*margin-top: 20px;*/
    width: 18%;
    border: solid 1px gray;
    border-radius: 3px;
    background-color: #666;    
    box-sizing: border-box;
    height: 60px;
}
.message .replyUl {
    padding: 0px;
}
.message .replyLi {
    margin: 20px 0;
    padding: 20px;
    box-sizing: border-box;
    border: solid 1px gray;
}

.message .reply textarea{
    height: 40px;
}
.message .reply input[value='回复'] {
    height: 40px;
}
.message p {
    padding: 10px;
}
.message name+span {
    font-size: 14px;
    color: #cfbaaa;
}
.message time {
    font-size: 14px;
    color: #666
}

.message .delete {
    font-size: 12px;
    /*display: none;*/
}

.message hr {
    border-color: #333;
}

/*博客页面*/
/*添加博客*/
.addblog section, .amendblog section{
    padding: 10px 10px;
    background-color: #cfbaaa;
    border: solid 2px sandybrown;
    border-radius: 5px;

}
.addblog input,.amendblog input{
        /*width: 100px;*/
    border: solid 1px gray;
    border-radius: 3px;
    background-color: #1A1A1A;    
    box-sizing: border-box
}

.addblog input[name='title'],.amendblog input[name='title'] {
    color: sandybrown;
    display: block;
    width: 80%;
    padding: 3px 20px;
    margin: 10px auto;
    font-size: 24px;
    text-align: center;
}
.addblog input[type="submit"],.addblog input[type="reset"],
.amendblog input[type="submit"],.amendblog input[type="reset"]
{
    padding: 3px 10px;
    margin-top: 10px;
    font-size: 20px;
}
/*博客列表*/
.blogs section{
    padding: 20px;
    background-color: #333;
}
.blogs .aBlog {
    cursor: pointer; 
    overflow: hidden;
}
.blogs .aBlog span,.blogs .aBlog time{
    font-size: 14px;
}
.blogs .aBlog a:host {
    display: none;
}
.blogs .aBlog .blog{
    border-radius: 5px;
    float: right;
}

.blogs section>ul{
    padding: 0px;
}

.blogs section ul .aBlog{
    border: solid 1px #555;
    padding: 10px;
    margin-top: 20px;
}

/*博客详情*/
.blogInfo {
    padding: 1px;
    background-color: #333;
}

.blogInfo>div{
    padding: 20px;
}

.blogInfo article {
    border: solid 1px #555;
    margin: 30px 0;
    padding: 20px;
    overflow: unset;
}

#blog > .comment {
    padding-top: 20px;
}
#blog > .comment>form>textarea {
    height: 60px;
    width: 80%;
}
#blog > .comment>form>input {
    height: 60px;
    width: 18%;
    background-color: #666;
}
#blog > .answer {
    padding: 2%;
}
#blog > .answer ul {
    padding: 0px;
}
#blog > .answer ul li{
    padding: 10px 0;
    border-bottom: solid 1px #333;
}
#blog > .answer span {
    color: #999;
}

/*心情*/
.mood textarea {
    background-color: #333;
    height: 64px;
    width: 80%;
    padding: 10px;
}
.mood .reply textarea {
    height: 38px;
    padding: 6px 10px;
}
.mood .addMood input {
    width: 17%;
    border: solid 1px gray;
    border-radius: 3px;
    background-color: #1A1A1A;    
    box-sizing: border-box;
    height: 64px;
}
.mood .reply input{
    /*width: 17%;*/
    border: solid 1px gray;
    border-radius: 3px;
    background-color: #1A1A1A;    
    box-sizing: border-box;
    height: 38px;
}

.mood .addMood {
    background-color: #222;
    padding: 20px;
}

.mood .replyUl {
    padding: 0;
}

.mood .replyUl>li {
    border: solid 1px #333  ;
    padding: 20px;
    margin-bottom: 20px;
        
}

.mood .comment {
    padding: 10px;
    border: solid 1px #222;
}